<template>
  <el-config-provider >
    <router-view ></router-view>
  </el-config-provider>
</template>

<script setup>

</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  width: 100vw;
  height:100vh;
  overflow: hidden;
  margin:0;
  background: #17273e;
  transform-origin: center;
}
#contextMenuContainer {
  background-color: #fff;
  z-index: 999999999;
  position: fixed;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 0 5px;

  &>div {
    padding: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    &:first-child{
      border-bottom: 1px solid #eee;
    }
    //&:hover{
    //  background-color: #ddd;
    //}
  }
}
</style>
